import React from 'react'
import { Card } from 'antd'
import './index.less'
import Charts from '../../../components/charts/charts'

function ContentBox(props) {
  return (
    <Card bodyStyle={{ padding: '20px 24px 8px' }}>
      <div className="title">{props.contentOptions.title}</div>
      <div className="count">{props.contentOptions.count}</div>
      <div className="content">
        <Charts options={props.chartOptions} dom={props.dom}></Charts>
      </div>
      <div className="bottom">{props.contentOptions.bottom}</div>
    </Card>
  )
}

export default ContentBox
